<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Etro - The Multipurpose eCommerce HTML5 Template</title>
        <meta name="description" content="A best clean, modern, stylish, creative, responsive theme for different eCommerce business or industries.">
        <meta name="keywords" content="medical theme, vegetables, medicine store, eCommerce html template, responsive, multipurpose, mask, sanitizer, eCommerce store, health, tables, dental, healthcare, pharmacy, herbal, medicine shop">
        <meta name="author" content="spacingtech_webify">
        <!-- favicon -->
        <link rel="shortcut icon" type="image/favicon" href="image/home1/favicon.png">
        <!-- plugin css -->
        <link rel="stylesheet" type="text/css" href="css/plugin.css">
        <!-- collection css -->
        <link rel="stylesheet" type="text/css" href="css/collection.css">
        <!-- feather -->
        <link rel="stylesheet" type="text/css" href="css/feather.css">
        <!-- blog css -->
        <link rel="stylesheet" type="text/css" href="css/blog.css">
        <!-- other-pages css -->
        <link rel="stylesheet" type="text/css" href= "css/other-pages.css">
        <!-- product-page css -->
        <link rel="stylesheet" type="text/css" href="css/product-page.css">
        <!-- style css -->
        <link rel="stylesheet" type="text/css" href="css/style1.css">
    </head>
    <body>
        <!-- top notification start -->
        <div class="top-notification-bar">
            <div class="container">
                <ul class="notification-entry">
                    <li class="notify-wrap notify-mail">
                        <div class="notify-text">
                            <ul class="grid-wrap">
                                <li class="grid-wrapper">
                                    <p class="notification-free"><span class="top-c">Free delivery</span> on orders over $100 discount</p>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- top notification end -->
        <!-- header-area start -->
        <header id="header" class="main-header stickyheader">
            <div class="header-area">
                <div class="container">
                    <div class="main-menu-area">
                        <div class="main-menu-wrap">
                            <!-- header-logo start -->
                            <div class="header-theme-logo">
                                <a href="index.html" class="theme-logo">
                                    <img src="image/home1/logo.png" class="img-fluid" alt="logo">
                                </a>
                            </div>
                            <!-- header-logo end -->
                            <!-- search-wrapper start -->
                            <!-- header-search start -->
                            <div class="header-element header-search">
                                <div class="header-theme-search">
                                    <form method="get" action="/search" class="search-form">
                                        <div class="search-bar">
                                            <div class="form-search">
                                                <input type="search" name="search-input" class="search-input" value="" placeholder="Search our store" required="">
                                                <button type="button" onclick="location.href='search.html'" class="search-btn" disabled=""><i class="feather-search"></i></button>
                                            </div>
                                            <div class="search-results">
                                                <p class="search-for">Search for <span class="search-text">a</span></p>
                                                <ul>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-1.jpg" class="img-fluid" alt="product-1.jpg">
                                                            <span>Earbuds</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-7.jpg" class="img-fluid" alt="product-7.jpg">
                                                            <span>Sandisk ssd</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-15.jpg" class="img-fluid" alt="product-15.jpg">
                                                            <span>Router wifi6</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-18.jpg" class="img-fluid" alt="product-18.jpg">
                                                            <span>Smartphone</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-31.jpg" class="img-fluid" alt="product-31.jpg">
                                                            <span>IPad mini</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="product-template.html">
                                                            <img src="image/home1/product/product-49.jpg" class="img-fluid" alt="product-49.jpg">
                                                            <span>HP color printer</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                                <p class="search-more"><a href="search.html">See all results (12)</a></p>
                                                <p class="search-fail">Search not found</p>
                                            </div>
                                            <a href="search.html" class="search-btn">Search</a>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <!-- header-text end -->
                            <!-- search-wrapper end -->
                            <!-- header-icon start -->
                            <div class="header-icon-block">
                                <ul class="shop-element">
                                    <li class="side-wrap toggler-wrap">
                                        <div class="toggler-wrapper">
                                            <button type="button" class="toggler-btn"><span class="toggler-icon"><i class="feather-menu"></i></span></button>
                                        </div>
                                    </li>
                                    <li class="side-wrap search-wrap">
                                        <div class="search-wrapper">
                                            <a href="#searchmodal" data-bs-toggle="modal">
                                                <span class="search-icon"><i class="feather-search"></i></span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap user-wrap">
                                        <div class="user-info">
                                            <a href="javascript:void(0)">
                                                <span class="user-icon"><i class="feather-user"></i></span>
                                            </a>
                                            <div class="account-main">
                                                <span class="acc-title">Account</span>
                                                <div class="account-login">
                                                    <a href="create-">Register</a>
                                                    <a href="login-">Log in</a>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="side-wrap wishlist-wrap">
                                        <div class="wishlist-wrapper">
                                            <a href="wishlist-product-template.html">
                                                <span class="wishlist-icon-count">
                                                    <span class="wishlist-icon"><i class="feather-heart"></i></span>
                                                    <span class="wishlist-count">(5)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                    <li class="side-wrap cart-wrap">
                                        <div class="cart-wrapper">
                                            <a href="javascript:void(0)" class="js-cart-drawer">
                                                <span class="cart-icon-count">
                                                    <span class="cart-icon"><i class="feather-shopping-bag"></i></span>
                                                    <span class="cart-count cart-counter">(4)</span>
                                                </span>
                                            </a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <!-- header-icon end -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="menu-main">
                <div class="container">
                    <div class="menu-contact">
                        <!-- main-menu start -->
                        <div class="mega-menu-area">
                            <div class="mainmenu-content">
                                <div class="main-wrap">
                                    <ul class="main-menu">
                                        <li class="menu-link">
                                            <a href="index.html" class="link-title">
                                                <span class="sp-link-title">Home</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="index.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 01</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index2.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 02</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="index3.html" class="menusingle-title">
                                                            <span class="sp-link-title">Home 03</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Shop</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-banner collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>New collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Best collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                    <li class="menubanner-li">
                                                        <div class="menubanner-img banner-hover">
                                                            <a href="collection.html" class="collection-img banner-img">
                                                                <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                            </a>
                                                            <a href="collection.html" class="collection-title">
                                                                <span>Sale collection</span>
                                                            </a>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="collection.html" class="link-title">
                                                <span class="sp-link-title">Collection</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-mega collapse">
                                                <ul class="ul container p-0">
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Collection page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection right</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-without.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list left</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="collection-list-right.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Collection list right</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="product-template.html" class="menumega-title">
                                                            <span class="sp-link-title">Product page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product layout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template2.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product tab</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template3.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product advance</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template4.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product accordion</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template5.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product center</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template6.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product sticky</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="product-template7.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Product side</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Account page</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                                <li class="menumegasup-li">
                                                                    <a href="order-history.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Order</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="profile.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Profile</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Address</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="change-password.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">Change password</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-tickets.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My ticket</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="login-" class="menumegasup-title">
                                                                        <span class="sp-link-title">My account</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menumegasup-li">
                                                                    <a href="pro-address.html" class="menumegasup-title">
                                                                        <span class="sp-link-title">My address</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menumega-li">
                                                        <a href="collection.html" class="menumega-title">
                                                            <span class="sp-link-title">Special products</span>
                                                        </a>
                                                        <div class="menumegasup-dropdown collapse">
                                                            <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Wireless earbuds</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template2.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Air conditioner</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template3.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">DVD player slot</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template4.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">360 camera</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template5.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Ev charging plug</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template6.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Portable speaker</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template7.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Evm power bank</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="blog-grid.html" class="link-title">
                                                <span class="sp-link-title">Blogs</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-single collapse" id="blogs">
                                                <ul class="ul">
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="blog-grid-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Blog grid right</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-without.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post left</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusingle-li">
                                                        <a href="article-post-right.html" class="menusingle-title">
                                                            <span class="sp-link-title">Article post right</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="menu-link">
                                            <a href="about-us.html" class="link-title">
                                                <span class="sp-link-title">Pages</span>
                                                <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                            </a>
                                            <div class="menu-dropdown menu-sub collapse">
                                                <ul class="ul">
                                                    <li class="menusub-li">
                                                        <a href="about-us.html" class="menusub-title">
                                                            <span class="sp-link-title">About us</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="billing-info.html" class="menusub-title">
                                                            <span class="sp-link-title">Billing info</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="contact-us.html" class="menusub-title">
                                                            <span class="sp-link-title">Contact us</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="contact-us.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="contact-us-2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Contact us 2</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="checkout-style1.html" class="menusub-title">
                                                            <span class="sp-link-title">Checkout</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style1.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style2.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 2</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="checkout-style3.html" class="menusup-title">
                                                                        <span class="sp-link-title">Checkout 3</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="cancellation.html" class="menusub-title">
                                                            <span class="sp-link-title">Cancellation</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="faq.html" class="menusub-title">
                                                            <span class="sp-link-title">Faq's</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="order-complete.html" class="menusub-title">
                                                            <span class="sp-link-title">Order complete</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="privacy-policy.html" class="menusub-title">
                                                            <span class="sp-link-title">Policy</span>
                                                            <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                        </a>
                                                        <div class="menusup-dropdown collapse">
                                                            <ul class="menusup-ul">
                                                                <li class="menusup-li">
                                                                    <a href="privacy-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Privacy policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="payment-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Payment policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="sitemap.html" class="menusub-title">
                                                            <span class="sp-link-title">Sitemap</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="terms-condition.html" class="menusub-title">
                                                            <span class="sp-link-title">Terms & condition</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="track-page.html" class="menusub-title">
                                                            <span class="sp-link-title">Track page</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="404.html" class="menusub-title">
                                                            <span class="sp-link-title">404</span>
                                                        </a>
                                                    </li>
                                                    <li class="menusub-li">
                                                        <a href="coming-soon.html" class="menusub-title">
                                                            <span class="sp-link-title">Coming soon</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                            <!-- main-menu end -->
                            <div class="contact-num">
                                <div class="contact-wrap service-line">
                                    <span class="contact-details"><i class="feather-headphones"></i></span>
                                    <a href="">(210) 123 456 7890</a>
                                </div>
                                <div class="contact-wrap price-tag">
                                    <span class="contact-details"><i class="feather-tag"></i></span>
                                    <a href="collection.html">Mega sale</a>
                                </div>
                            </div>
                        </div>
                    <!-- mega sale -->
                    </div>
                </div>
        </header>
        <!-- header end -->
        <div class="menu-main">
            <div class="container">
                <div class="menu-contact">
                    <!-- main-menu start -->
                    <div class="mega-menu-area">
                        <div class="mainmenu-content">
                            <div class="main-wrap">
                                <ul class="main-menu">
                                    <li class="menu-link">
                                        <a href="index.html" class="link-title">
                                            <span class="sp-link-title">Home</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-single collapse">
                                            <ul class="ul">
                                                <li class="menusingle-li">
                                                    <a href="index.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 01</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="index2.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 02</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="index3.html" class="menusingle-title">
                                                        <span class="sp-link-title">Home 03</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="collection.html" class="link-title">
                                            <span class="sp-link-title">Shop</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-banner collapse">
                                            <ul class="ul container p-0">
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>New collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>Best collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                                <li class="menubanner-li">
                                                    <div class="menubanner-img banner-hover">
                                                        <a href="collection.html" class="collection-img banner-img">
                                                            <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                        </a>
                                                        <a href="collection.html" class="collection-title">
                                                            <span>Sale collection</span>
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="collection.html" class="link-title">
                                            <span class="sp-link-title">Collection</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-mega collapse">
                                            <ul class="ul container p-0">
                                                <li class="menumega-li">
                                                    <a href="product-template.html" class="menumega-title">
                                                        <span class="sp-link-title">Collection page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="collection-without.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection left</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-right.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection right</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list-without.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list left</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="collection-list-right.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Collection list right</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="product-template.html" class="menumega-title">
                                                        <span class="sp-link-title">Product page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="product-template.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product layout</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template2.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product tab</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template3.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product advance</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template4.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product accordion</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template5.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product center</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template6.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product sticky</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="product-template7.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Product side</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="collection.html" class="menumega-title">
                                                        <span class="sp-link-title">Account page</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                            <li class="menumegasup-li">
                                                                <a href="order-history.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Order</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="profile.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Profile</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-address.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Address</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="change-password.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">Change password</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-tickets.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">My ticket</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="login-" class="menumegasup-title">
                                                                    <span class="sp-link-title">My account</span>
                                                                </a>
                                                            </li>
                                                            <li class="menumegasup-li">
                                                                <a href="pro-address.html" class="menumegasup-title">
                                                                    <span class="sp-link-title">My address</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menumega-li">
                                                    <a href="collection.html" class="menumega-title">
                                                        <span class="sp-link-title">Special products</span>
                                                    </a>
                                                    <div class="menumegasup-dropdown collapse">
                                                        <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wireless earbuds</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template2.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Air conditioner</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template3.html" class="menumegasup-title">
                                                                <span class="sp-link-title">DVD player slot</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template4.html" class="menumegasup-title">
                                                                <span class="sp-link-title">360 camera</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template5.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Ev charging plug</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template6.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Portable speaker</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template7.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Evm power bank</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="blog-grid.html" class="link-title">
                                            <span class="sp-link-title">Blogs</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-single collapse" id="blogs2">
                                            <ul class="ul">
                                                <li class="menusingle-li">
                                                    <a href="blog-grid-without.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="blog-grid.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid left</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="blog-grid-right.html" class="menusingle-title">
                                                        <span class="sp-link-title">Blog grid right</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post-without.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post left</span>
                                                    </a>
                                                </li>
                                                <li class="menusingle-li">
                                                    <a href="article-post-right.html" class="menusingle-title">
                                                        <span class="sp-link-title">Article post right</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="menu-link">
                                        <a href="about-us.html" class="link-title">
                                            <span class="sp-link-title">Pages</span>
                                            <span class="menu-arrow"><i class="feather-chevron-down"></i></span>
                                        </a>
                                        <div class="menu-dropdown menu-sub collapse">
                                            <ul class="ul">
                                                <li class="menusub-li">
                                                    <a href="about-us.html" class="menusub-title">
                                                        <span class="sp-link-title">About us</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="billing-info.html" class="menusub-title">
                                                        <span class="sp-link-title">Billing info</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="contact-us.html" class="menusub-title">
                                                        <span class="sp-link-title">Contact us</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="contact-us.html" class="menusup-title">
                                                                    <span class="sp-link-title">Contact us</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="contact-us-2.html" class="menusup-title">
                                                                    <span class="sp-link-title">Contact us 2</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="checkout-style1.html" class="menusub-title">
                                                        <span class="sp-link-title">Checkout</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="checkout-style1.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="checkout-style2.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout 2</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="checkout-style3.html" class="menusup-title">
                                                                    <span class="sp-link-title">Checkout 3</span>
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="cancellation.html" class="menusub-title">
                                                        <span class="sp-link-title">Cancellation</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="faq.html" class="menusub-title">
                                                        <span class="sp-link-title">Faq's</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="order-complete.html" class="menusub-title">
                                                        <span class="sp-link-title">Order complete</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="privacy-policy.html" class="menusub-title">
                                                        <span class="sp-link-title">Policy</span>
                                                        <span class="menu-arrow"><i class="feather-chevron-right"></i></span>
                                                    </a>
                                                    <div class="menusup-dropdown collapse">
                                                        <ul class="menusup-ul">
                                                            <li class="menusup-li">
                                                                <a href="privacy-policy.html" class="menusup-title">
                                                                    <span class="sp-link-title">Privacy policy</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                <a href="payment-policy.html" class="menusup-title">
                                                                    <span class="sp-link-title">Payment policy</span>
                                                                </a>
                                                            </li>
                                                            <li class="menusup-li">
                                                                    <a href="return-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Return policy</span>
                                                                    </a>
                                                                </li>
                                                                <li class="menusup-li">
                                                                    <a href="shipping-policy.html" class="menusup-title">
                                                                        <span class="sp-link-title">Shipping policy</span>
                                                                    </a>
                                                                </li>
                                                        </ul>
                                                    </div>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="sitemap.html" class="menusub-title">
                                                        <span class="sp-link-title">Sitemap</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="terms-condition.html" class="menusub-title">
                                                        <span class="sp-link-title">Terms & condition</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="track-page.html" class="menusub-title">
                                                        <span class="sp-link-title">Track page</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="404.html" class="menusub-title">
                                                        <span class="sp-link-title">404</span>
                                                    </a>
                                                </li>
                                                <li class="menusub-li">
                                                    <a href="coming-soon.html" class="menusub-title">
                                                        <span class="sp-link-title">Coming soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- main-menu end -->
                    <div class="contact-num">
                        <div class="contact-wrap service-line">
                            <span class="contact-details"><i class="feather-headphones"></i></span>
                            <a href="">(210) 123 456 7890</a>
                        </div>
                        <div class="contact-wrap price-tag">
                            <span class="contact-details"><i class="feather-tag"></i></span>
                            <a href="collection.html">Mega sale</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <main>
            <!-- breadcrumb start -->
            <section class="breadcrumb-area">
                <div class="container">
                    <div class="col">
                        <div class="row">
                            <div class="breadcrumb-index">
                                <!-- breadcrumb-list start -->
                                <ul class="breadcrumb-ul">
                                    <li class="breadcrumb-li">
                                        <a class="breadcrumb-link" href="index.html">Home</a>
                                    </li>
                                    <li class="breadcrumb-li">
                                        <span class="breadcrumb-text">news</span>
                                    </li>
                                </ul>
                                <!-- breadcrumb-list end -->
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- breadcrumb end -->
            <!-- article-area start -->
            <section class="article-area section-pt">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="blog-article-wrapper left-side">
                                <div class="blog-article-wrap blog-sidebar">
                                    <!-- blog sidebar start -->
                                    <div class="blog-sidebar-wrap">
                                        <!-- blog-sidebar search start -->
                                        <div class="blog-post-sidebar blog-search" data-animate="animate__fadeIn">
                                            <h6 class="blog-sidebar-title">Search</h6>
                                            <div class="search-post">
                                                <form method="get">
                                                    <input type="search" name="q" class="input-text" placeholder="Search blog" required autocomplete="off">
                                                    <a href="https://spacingtech.com/html/etro/etro/search-blog.html" class="btn-search"><i class="feather-search"></i></a>
                                                </form>
                                            </div>
                                        </div>
                                        <!-- blog-sidebar search end -->
                                        <!-- blog-sidebar recent-post start -->
                                        <div class="blog-post-sidebar blog-recent-post">
                                            <h6 class="blog-sidebar-title" data-animate="animate__fadeIn">Recent post</h6>
                                            <div class="sidbar-inner sidbar-inner-wrap">
                                                <div class="post-image">
                                                    <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                        <img src="image/home1/blog/blog-big.jpg" class="img-fluid" alt="blog1">
                                                    </a>
                                                </div>
                                                <div class="recent-blog-content" data-animate="animate__fadeIn">
                                                    <h6>
                                                        <a href="article-post-right.html">Wel illum qui dolorem eum fugiat?</a>
                                                    </h6>
                                                    <span>May 06, 2025</span>
                                                </div>
                                            </div>
                                            <div class="sidbar-inner">
                                                <div class="post-image">
                                                    <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                        <img src="image/home1/blog/blog-mini-1.jpg" class="img-fluid" alt="blog-1">
                                                    </a>
                                                </div>
                                                <div class="recent-blog-content banner-img" data-animate="animate__fadeIn">
                                                    <h6><a href="article-post-right.html">Nisi ut aliquid ex ea commodi?</a></h6>
                                                    <span>May 06, 2025</span>
                                                </div>
                                            </div>
                                            <div class="sidbar-inner">
                                                <div class="post-image">
                                                    <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                        <img src="image/home1/blog/blog-mini-2.jpg" class="img-fluid" alt="blog-2">
                                                    </a>
                                                </div>
                                                <div class="recent-blog-content" data-animate="animate__fadeIn">
                                                    <h6>
                                                    <a href="article-post-right.html">Which of us ever undertakes?</a>
                                                    </h6>
                                                    <span>May 06, 2025</span>
                                                </div>
                                            </div>
                                            <div class="sidbar-inner">
                                                <div class="post-image">
                                                    <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                        <img src="image/home1/blog/blog-mini-3.jpg" class="img-fluid" alt="blog-3">
                                                    </a>
                                                </div>
                                                <div class="recent-blog-content" data-animate="animate__fadeIn">
                                                    <h6>
                                                    <a href="article-post-right.html">Where can i get some?</a>
                                                    </h6>
                                                    <span>May 06, 2025</span>
                                                </div>
                                            </div>
                                            <div class="sidbar-inner">
                                                <div class="post-image">
                                                    <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                        <img src="image/home1/blog/blog-mini-4.jpg" class="img-fluid" alt="blog-4">
                                                    </a>
                                                </div>
                                                <div class="recent-blog-content" data-animate="animate__fadeIn">
                                                    <h6>
                                                    <a href="article-post-right.html">Who avoids a pain that produces?</a>
                                                    </h6>
                                                    <span>May 06, 2025</span>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- blog-sidebar recent-post end -->
                                        <!-- blog-sidebar tag start -->
                                        <div class="blog-post-sidebar blog-tags" data-animate="animate__fadeIn">
                                            <h6 class="blog-sidebar-title">Tag</h6>
                                            <div class="sidebartag">
                                                <ul class="sidebar-tag">
                                                    <li><a href="article-post-right.html">Android</a></li>
                                                    <li><a href="article-post-right.html">Blog</a></li>
                                                    <li><a href="article-post-right.html">Device</a></li>
                                                    <li><a href="article-post-right.html">Engineer</a></li>
                                                    <li><a href="article-post-right.html">Gadget</a></li>
                                                    <li><a href="article-post-right.html">Mobile</a></li>
                                                    <li><a href="article-post-right.html">News</a></li>
                                                    <li><a href="article-post-right.html">Raspberrypi</a></li>
                                                    <li><a href="article-post-right.html">Robot</a></li>
                                                    <li><a href="article-post-right.html">Smartphone</a></li>
                                                    <li><a href="article-post-right.html">Techie</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- blog-sidebar tag end -->
                                    </div>
                                    <!-- blog sidebar end -->
                                </div>
                                <div class="blog-article-wrap blog-article">
                                    <!-- blog single-post start -->
                                    <div class="article-blog-post">
                                        <!-- blog img start -->
                                        <div class="blog-post-opt blog-post-img">
                                            <div class="blog-image">
                                                <a href="article-post-right.html" class="banner-img" data-animate="animate__fadeIn">
                                                    <img src="image/home1/blog/blog-big.jpg" class="img-fluid" alt="article-01">
                                                </a>
                                                <ul>
                                                    <!-- blog-date start -->
                                                    <li class="date-time" data-animate="animate__fadeIn">
                                                        <span>Sep 25, 2025</span>
                                                    </li>
                                                    <!-- blog-date end -->
                                                    <!-- blog-comment start -->
                                                    <li class="blog-comment" data-animate="animate__fadeIn">
                                                        <span class="comment-count">2 comments</span>
                                                    </li>
                                                    <!-- blog-comment end -->
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- blog img start -->
                                        <!-- blog title start -->
                                        <div class="blog-post-opt blog-post-title">
                                            <div class="blog-revert">
                                                <h6 class="post-title" data-animate="animate__fadeIn">Wel illum qui dolorem eum fugiat?</h6>
                                                <!-- blog-info start -->
                                                <div class="post-info" data-animate="animate__fadeIn">
                                                    <span>By Spacing Tech</span>
                                                </div>
                                                <!-- blog-info end -->
                                            </div>
                                        </div>
                                        <!-- blog title end -->
                                        <!-- blog content start -->
                                        <div class="blog-post-opt blog-post-content">
                                            <div class="blog-content">
                                                <div class="blog-wrap-desc" data-animate="animate__fadeIn">
                                                    <p class="blog-desc" data-animate="animate__fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit doli. Aenean commodo ligula eget dolor. Aenean massa. Cumtipsu sociis natoque penatibus et magnis dis parturient montesti, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eutu, pretiumem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justotuio, rhoncus ut loret, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Intege</p>
                                                    <p class="blog-desc" data-animate="animate__fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit doli. Aenean commodo ligula eget dolor. Aenean massa. Cumtipsu sociis natoque penatibus et magnis dis parturient montesti, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eutu, pretiumem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justotuio, rhoncus ut loret, imperdiet a, venenatis vitae, justo. Nullam dictum.</p>
                                                    <div><blockquote>Lorem ipsum dolor sit amet, consectetuer adipiscing elit doli. Aenean commodo ligula eget dolor. Aenean massa. Cumtipsu sociis natoque penatibus et magnis dis parturient montesti, nascetur ridiculus mus. Donec quam felis, ultricies nec,</blockquote></div>
                                                    <p class="blog-desc" data-animate="animate__fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit doli. Aenean commodo ligula eget dolor. Aenean massa. Cumtipsu sociis natoque penatibus et magnis dis parturient montesti, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eutu, pretiumem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justotuio, rhoncus ut loret, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- blog content end -->
                                        <!-- blog tag start -->
                                        <div class="blog-post-opt blog-post-teg" data-animate="animate__fadeIn">
                                            <div class="post-info-tag">
                                                <ul class="post-tag">
                                                    <li><a href="article-post-right.html">Android</a></li>
                                                    <li><a href="article-post-right.html">Blog</a></li>
                                                    <li><a href="article-post-right.html">Device</a></li>
                                                    <li><a href="article-post-right.html">Engineer</a></li>
                                                    <li><a href="article-post-right.html">Gadget</a></li>
                                                    <li><a href="article-post-right.html">Mobile</a></li>
                                                    <li><a href="article-post-right.html">News</a></li>
                                                    <li><a href="article-post-right.html">Raspberrypi</a></li>
                                                    <li><a href="article-post-right.html">Robot</a></li>
                                                    <li><a href="article-post-right.html">Smartphone</a></li>
                                                    <li><a href="article-post-right.html">Techie</a></li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- blog tag end -->
                                        <!-- blog share start -->
                                        <div class="blog-post-opt blog-post-icon">
                                            <div class="blog-share">
                                                <ul class="social-icon" data-animate="animate__fadeIn">
                                                    <!-- facebook-icon start -->
                                                    <li>
                                                        <a href="javascript:void(0)">
                                                            <span class="icon-social facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></span>
                                                        </a>
                                                    </li>
                                                    <!-- facebook-icon end -->
                                                    <!-- twitter-icon start -->
                                                    <li>
                                                        <a href="javascript:void(0)">
                                                            <span class="icon-social twitter"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span>
                                                        </a>
                                                    </li>
                                                    <!-- twitter-icon end -->
                                                    <!-- pinterest-icon start -->
                                                    <li>
                                                        <a href="javascript:void(0)">
                                                            <span class="icon-social pinterest"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg></span>
                                                        </a>
                                                    </li>
                                                    <!-- pinterest-icon end -->
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- blog share end -->
                                        <!-- blog-arrow start -->
                                        <div class="blog-post-opt blog-post-arrow">
                                            <div class="blog-prev-next">
                                                <ul data-animate="animate__fadeIn">
                                                    <li>
                                                        <a href="javascript:void(0)">
                                                            <i class="feather-chevrons-left"></i>
                                                            <span>Prev post</span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a href="javascript:void(0)">
                                                            <span>Next post</span>
                                                            <i class="feather-chevrons-right"></i>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <!-- blog-arrow end -->
                                    </div>
                                    <!-- blog single-post end -->
                                    <!-- blog post comment start -->
                                    <div class="blog-comments">
                                        <div class="review-comment">
                                            <div class="cmt-tit-count" data-animate="animate__fadeIn">
                                                <h6 class="comment-title">
                                                <span class="cmt-title">Comment</span>
                                                <span class="cmt-count">(1)</span>
                                                </h6>
                                            </div>
                                            <div class="cmt-info-wrap">
                                                <div class="comment-info">
                                                    <div class="comment-avtar" data-animate="animate__fadeIn">
                                                        <div class="review-name">
                                                            <span class="avtar-cmt">
                                                                <span class="cmt-auth">Ol</span>
                                                            </span>
                                                        </div>
                                                        <div class="review-info">
                                                            <span class="cmt-authr">Oliver jake</span>
                                                            <span class="time">May 14, 2025</span>
                                                        </div>
                                                    </div>
                                                    <div class="comment-content">
                                                        <div class="comment-desc" data-animate="animate__fadeIn">
                                                            <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="blog-comment-form">
                                            <form method="post" class="comment-form">
                                                <div class="comments-reply-area">
                                                    <h6 class="comment-title" data-animate="animate__fadeIn">Leave a comment</h6>
                                                    <div class="form-wrap">
                                                        <div class="form-filed" data-animate="animate__fadeIn">
                                                            <label>Name<span class="required">*</span></label>
                                                            <input type="text" name="comment[author]" placeholder="Name">
                                                        </div>
                                                        <div class="form-filed" data-animate="animate__fadeIn">
                                                            <label>Email address<span class="required">*</span></label>
                                                            <input type="text" name="comment[author]" placeholder="Email address">
                                                        </div>
                                                        <div class="form-filed" data-animate="animate__fadeIn">
                                                            <label>Message<span class="required">*</span></label>
                                                            <textarea rows="5" class="comment-notes" placeholder="Message"></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="comment-form-submit" data-animate="animate__fadeIn">
                                                        <button class="btn btn-style2">Post comment</button>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <!-- blog post comment end -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- article-area end -->
            <!-- blog-section start -->
            <section class="blog-area section-pt">
                <div class="container">
                    <div class="row">
                        <div class="col">
                            <div class="section-capture">
                                <div class="section-title">
                                    <h2 data-animate="animate__fadeIn">
                                        <span>Our news and blog</span>
                                    </h2>
                                </div>
                            </div>
                            <div class="blog-wrap">
                                <div class="blog-slider owl-carousel owl-theme owl-loaded owl-drag" id="blog-slider1">
                                    <div class="item" data-animate="animate__fadeIn">
                                        <div class="blog-post">
                                            <div class="blog-main-img">
                                                <a href="article-post.html" class="blog-img banner-img">
                                                    <img src="image/home1/blog/blog-1.jpg" class="blog-img img-fluid" alt="blog-1">
                                                </a>
                                            </div>
                                            <div class="blog-post-content">
                                                <div class="blogtitle-like">
                                                    <h6 class="blog-title">Where can i get some ?</h6>
                                                    <a class="blog-comment" href="article-post.html">
                                                        <span class="icon"><i class="feather-heart"></i></span>
                                                        <span class="count">0</span>
                                                    </a>
                                                </div>

                                                <p class="blog-desc">It is a long established fact that a reader will be by the readable content at its layout.</p>
                                                <a href="blog-grid-right.html" class="video-btn">
                                                </a>
                                                <span class="date-time">16 Oct 2025</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item" data-animate="animate__fadeIn">
                                        <div class="blog-post">
                                            <div class="blog-main-img">
                                                <a href="article-post.html" class="blog-img banner-img">
                                                    <img src="image/home1/blog/blog-2.jpg" class="blog-img img-fluid" alt="blog-2">
                                                </a>
                                            </div>
                                            <div class="blog-post-content">
                                                <div class="blogtitle-like">
                                                    <h6 class="blog-title">Where can i get some ?</h6>
                                                    <a class="blog-comment" href="article-post.html">
                                                        <span class="icon"><i class="feather-heart"></i></span>
                                                        <span class="count">0</span>
                                                    </a>
                                                </div>

                                                <p class="blog-desc">It is a long established fact that a reader will be by the readable content at its layout.</p>
                                                <a href="blog-grid-right.html" class="video-btn">
                                                </a>
                                                <span class="date-time">16 Oct 2025</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item" data-animate="animate__fadeIn">
                                        <div class="blog-post">
                                            <div class="blog-main-img">
                                                <a href="article-post.html" class="blog-img banner-img">
                                                    <img src="image/home1/blog/blog-3.jpg" class="blog-img img-fluid" alt="blog-3">
                                                </a>
                                            </div>
                                            <div class="blog-post-content">
                                                <div class="blogtitle-like">
                                                    <h6 class="blog-title">Where can i get some ?</h6>
                                                    <a class="blog-comment" href="article-post.html">
                                                        <span class="icon"><i class="feather-heart"></i></span>
                                                        <span class="count">0</span>
                                                    </a>
                                                </div>

                                                <p class="blog-desc">It is a long established fact that a reader will be by the readable content at its layout.</p>
                                                <a href="blog-grid-right.html" class="video-btn">
                                                </a>
                                                <span class="date-time">16 Oct 2025</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item" data-animate="animate__fadeIn">
                                        <div class="blog-post">
                                            <div class="blog-main-img">
                                                <a href="article-post.html" class="blog-img banner-img">
                                                    <img src="image/home1/blog/blog-4.jpg" class="blog-img img-fluid" alt="blog-4">
                                                </a>
                                            </div>
                                            <div class="blog-post-content">
                                                <div class="blogtitle-like">
                                                    <h6 class="blog-title">Where can i get some ?</h6>
                                                    <a class="blog-comment" href="article-post.html">
                                                        <span class="icon"><i class="feather-heart"></i></span>
                                                        <span class="count">0</span>
                                                    </a>
                                                </div>

                                                <p class="blog-desc">It is a long established fact that a reader will be by the readable content at its layout.</p>
                                                <a href="blog-grid-right.html" class="video-btn">
                                                </a>
                                                <span class="date-time">16 Oct 2025</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item" data-animate="animate__fadeIn">
                                        <div class="blog-post">
                                            <div class="blog-main-img">
                                                <a href="article-post.html" class="blog-img banner-img">
                                                    <img src="image/home1/blog/blog-5.jpg" class="blog-img img-fluid" alt="blog-5">
                                                </a>
                                            </div>
                                            <div class="blog-post-content">
                                                <div class="blogtitle-like">
                                                    <h6 class="blog-title">Where can i get some ?</h6>
                                                    <a class="blog-comment" href="article-post.html">
                                                        <span class="icon"><i class="feather-heart"></i></span>
                                                        <span class="count">0</span>
                                                    </a>
                                                </div>

                                                <p class="blog-desc">It is a long established fact that a reader will be by the readable content at its layout.</p>
                                                <a href="blog-grid-right.html" class="video-btn">
                                                </a>
                                                <span class="date-time">16 Oct 2025</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- blog-section end -->
            <!-- news-letter start -->
            <section class="news-letter">
                <div class="container">
                  <div class="row">
                    <div class="col">
                      <div class="newsletter-wrapper">
                        <div class="news-bg" style="background-image: url('image/home1/bg.jpg');">
                          <div class="newsletter">
                            <div class="main-title fade-in" data-fade-in="">
                              <h2>Subscribe newsletter</h2>
                              <span>Sign up for our newsletter to receive special offers</span>
                            </div>
                            <div class="subscribe-content">
                              <form method="post" id="contact_form" accept-charset="UTF-8" class="contact-form">
                                <input type="hidden" name="form_type" value="customer">
                                <input type="hidden" name="utf8" value="✓">
                                <input type="hidden" name="contact[tags]" value="newsletter">
                                <div class="subscribe-block">
                                <input type="email" name="contact[email]" class="email mail" id="E-mail" value="" placeholder="Enter your email" autocapitalize="off" required="">
                                <!-- <button type="submit" name="commit" id="Subscribe"><i class="feather-mail"></i></button> -->
                                <button class="btn btn-small1">Subscribe</button>
                              </div>
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </section>
            <!-- news-letter end -->
        </main>
        <!-- main end -->
        <!-- footer start -->
        <footer>
            <!-- footer-area start -->
            <div class="footer-area section-ptb extra-bg">
                <div class="container">
                    <div class="footer-list">
                        <ul class="footer-ul">
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Information</h6>
                                <a href="#collapse-information" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Information</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-information">
                                    <li class="ftlink-li">
                                        <a href="about-us.html">About us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="privacy-policy.html">Privacy policy</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="return-policy.html">Refund policy</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="terms-condition.html">Terms condition</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Support</h6>
                                <a href="#collapse-support" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Support</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-support">
                                    <li class="ftlink-li">
                                        <a href="contact-us.html">Contact us</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="faq.html">Faq's</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="blog-grid-without.html">News</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="terms-condition.html">Help & support</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">My account</h6>
                                <a href="#collapse-account" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">My account</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-account">
                                    <li class="ftlink-li">
                                        <a href="return-policy.html">Order & returns</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="login-">Manage account</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="collection.html">Saved items</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="blog-grid.html">Our story</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Category</h6>
                                <a href="#collapse-category" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Category</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-category">
                                    <li class="ftlink-li">
                                        <a href="product-template4.html">Computer</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template2.html">Mobile</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template3.html">Pendrive</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="product-template.html">Headphone</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="footer-li footer-menu" data-animate="animate__fadeIn">
                                <h6 class="ft-title">Followed by</h6>
                                <a href="#collapse-followed" data-bs-toggle="collapse" class="ft-title">
                                    <span class="ftmenu-title">Followed by</span>
                                    <span class="ftmenu-icon"><i class="feather-plus"></i></span>
                                </a>
                                <ul class="ftlink-ul collapse" id="collapse-followed">
                                    <li class="ftlink-li">
                                        <a href="https://www.facebook.com/">Facebook</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://www.instagram.com/">Instagram</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://dribbble.com/">Dribbble</a>
                                    </li>
                                    <li class="ftlink-li">
                                        <a href="https://twitter.com/">Twitter</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- footer-area end -->
            <!-- footer-bottom start -->
            <div class="footer-bottom-wrap">
                <div class="container">
                    <div class="f-bottom-block">
                        <div class="f-bottom-element f-logo">
                            <div class="logo-block">
                                <a href="javascript:void(0)" class="theme-footer-logo">
                                    <img src="image/home1/logo.png" class="img-fluid" alt="logo">
                                </a>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-phone"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="" title="tel:(+260) 150 105 018">(+260) 150 105 018</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-mail"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="mailto:demo@demo.com" class="con-add">demo@demo.com</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                        <div class="f-bottom-element f-contact">
                            <div class="f-contact-main">
                                <span class="icon"><i class="feather-map-pin"></i></span>
                                <span class="text">
                                    <span class="ft-link">
                                        <a href="javascript:void(0)">70 Washington square south</a>
                                    </span>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bottom end -->
            <!-- copyright start -->
            <div class="copyright">
                <div class="container">
                    <ul class="copyright-ul">
                        <li class="copyright-li ft-text">
                            <div class="copyright-text">
                                <p>© 2025 . All rights reservedBy <a href="https://www.bootstrapmb.com">bootstrapMB</a></p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- copyright end -->
        </footer>
        <!-- footer end -->
        <!-- mobile-menu start -->
        <div class="mobile-menu" id="mobile-menu">
            <div class="mobile-contents">
                <div class="menu-close">
                    <button class="menu-close-btn">
                    <span class="menu-close-icon"><i class="feather-x"></i></span>
                    </button>
                </div>
                <div class="header-contact">
                    <div class="mobilemenu-content">
                        <div class="main-wrap">
                            <ul class="main-menu">
                                <li class="menu-link">
                                    <a href="#menu-home" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Home</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-home">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="index.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 01</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index2.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 02</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="index3.html" class="menusingle-title">
                                                    <span class="sp-link-title">Home 03</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-shop-banner" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Shop</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-banner collapse" id="menu-shop-banner">
                                        <ul class="ul container p-0">
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-1.jpg" class="img-fluid" alt="menubanner-1">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>New collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-2.jpg" class="img-fluid" alt="menubanner-2">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Best collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menubanner-li">
                                                <div class="menubanner-img banner-hover">
                                                    <a href="collection.html" class="collection-img banner-img">
                                                        <img src="image/home1/menu-banner/menubanner-3.jpg" class="img-fluid" alt="menubanner-3">
                                                    </a>
                                                    <a href="collection.html" class="collection-title">
                                                        <span>Sale collection</span>
                                                    </a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-collection" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Collection</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-mega collapse" id="menu-collection">
                                        <ul class="ul container p-0">
                                            <li class="menumega-li shop-li">
                                                <div class="shop-title">
                                                    <a href="collection-without.html">
                                                        <span class="sp-link-title">Collection</span>
                                                    </a>
                                                    <a href="collection.html">
                                                        <span class="sp-link-title">Collection left</span>
                                                    </a>
                                                    <a href="collection-right.html">
                                                        <span class="sp-link-title">Collection right</span>
                                                    </a>
                                                    <a href="collection-list-without.html">
                                                        <span class="sp-link-title">Collection list</span>
                                                    </a>
                                                    <a href="collection-list.html">
                                                        <span class="sp-link-title">Collection list left</span>
                                                    </a>
                                                    <a href="collection-list-right.html">
                                                        <span class="sp-link-title">Collection list right</span>
                                                    </a>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-product" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Product page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-product">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 1</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template2.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 2</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template3.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 3</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template4.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 4</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template5.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 5</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="product-template6.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Product style 6</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop1" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Shop page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop1">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="cart-page.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart page</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="cart-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Cart empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-empty.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist empty</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="wishlist-product-template.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Wishlist product</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="return-policy.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order & returns</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">Manage account</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="collection.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Saved items</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menumega-li">
                                                <a href="#menu-shop2" class="menumega-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Account page</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menumegasup-dropdown collapse" id="menu-shop2">
                                                    <ul class="menumegasup-ul">
                                                        <li class="menumegasup-li">
                                                            <a href="order-history.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Order</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="profile.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Profile</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-address.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Address</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="change-password.html" class="menumegasup-title">
                                                                <span class="sp-link-title">Change password</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="pro-tickets.html" class="menumegasup-title">
                                                                <span class="sp-link-title">My ticket</span>
                                                            </a>
                                                        </li>
                                                        <li class="menumegasup-li">
                                                            <a href="login-" class="menumegasup-title">
                                                                <span class="sp-link-title">My account</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-blog" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Blog</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-single collapse" id="menu-blog">
                                        <ul class="ul">
                                            <li class="menusingle-li">
                                                <a href="blog-grid-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="blog-grid-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Blog grid right</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-without.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post left</span>
                                                </a>
                                            </li>
                                            <li class="menusingle-li">
                                                <a href="article-post-right.html" class="menusingle-title">
                                                    <span class="sp-link-title">Article post right</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <a href="#menu-sub" class="link-title" data-bs-toggle="collapse" aria-expanded="false">
                                        <span class="sp-link-title">Pages</span>
                                        <span class="menu-arrow"><i class="feather-plus"></i></span>
                                    </a>
                                    <div class="menu-dropdown menu-sub collapse" id="menu-sub">
                                        <ul class="ul">
                                            <li class="menusub-li">
                                                <a href="about-us.html" class="menusub-title">
                                                    <span class="sp-link-title">About us</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-account" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Account</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-account">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="login-" class="menusup-title">
                                                                <span class="sp-link-title">Login</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="register.html" class="menusup-title">
                                                                <span class="sp-link-title">Register</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="billing-info.html" class="menusub-title">
                                                    <span class="sp-link-title">Billing info</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-contact" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Contact us</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-contact">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="contact-us.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="contact-us-2.html" class="menusup-title">
                                                                <span class="sp-link-title">Contact us 2</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-checkout" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Checkout</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-checkout">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="checkout-style1.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style2.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 2</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="checkout-style3.html" class="menusup-title">
                                                                <span class="sp-link-title">Checkout 3</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="cancellation.html" class="menusub-title">
                                                    <span class="sp-link-title">Cancellation</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="faq.html" class="menusub-title">
                                                    <span class="sp-link-title">Faq's</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="order-complete.html" class="menusub-title">
                                                    <span class="sp-link-title">Order complete</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="#menu-sup-policy" class="menusub-title" data-bs-toggle="collapse" aria-expanded="false">
                                                    <span class="sp-link-title">Policy</span>
                                                    <span class="menu-arrow"><i class="feather-plus"></i></span>
                                                </a>
                                                <div class="menusup-dropdown collapse" id="menu-sup-policy">
                                                    <ul class="menusup-ul">
                                                        <li class="menusup-li">
                                                            <a href="privacy-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Privacy policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="payment-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Payment policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="return-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Return policy</span>
                                                            </a>
                                                        </li>
                                                        <li class="menusup-li">
                                                            <a href="shipping-policy.html" class="menusup-title">
                                                                <span class="sp-link-title">Shipping policy</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="sitemap.html" class="menusub-title">
                                                    <span class="sp-link-title">Sitemap</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="terms-condition.html" class="menusub-title">
                                                    <span class="sp-link-title">Terms & condition</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="track-page.html" class="menusub-title">
                                                    <span class="sp-link-title">Track page</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="404.html" class="menusub-title">
                                                    <span class="sp-link-title">404</span>
                                                </a>
                                            </li>
                                            <li class="menusub-li">
                                                <a href="coming-soon.html" class="menusub-title">
                                                    <span class="sp-link-title">Coming soon</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li class="menu-link">
                                    <div class="contact-num">
                                        <div class="contact-wrap service-line">
                                            <span class="contact-details"><i class="feather-headphones"></i></span>
                                            <a href="">(210) 123 456 7890</a>
                                        </div>
                                    </div>
                                 </li>
                                 <li class="menu-link">
                                    <div class="contact-wrap price-tag">
                                        <span class="contact-details"><i class="feather-tag"></i></span>
                                        <a href="collection.html">Mega sale</a>
                                    </div>
                                 </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- mobile-menu end -->
        <!-- cart-drawer start -->
        <div class="cart-drawer" id="cart-drawer">
            <form method="post" action="javascript:void(0)" class="drawer-contents">
                <div class="drawer-fixed-header">
                    <div class="drawer-header">
                        <h6 class="drawer-header-title">Cart</h6>
                        <div class="drawer-close">
                            <button type="button" class="drawer-close-btn" aria-label="Close"><span class="drawer-close-icon"><i class="feather-x"></i></span></button>
                        </div>
                    </div>
                </div>
                <div class="drawer-cart-empty cart-unfill">
                    <div class="drawer-scrollable">
                        <h2>Your cart is currently empty</h2>
                        <a href="collection.html" class="btn-style2">Continue shopping</a>
                    </div>
                </div>
                <div class="drawer-inner cart-fill">
                    <div class="drawer-scrollable">
                        <ul class="cart-items">
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-1.jpg" class="img-fluid" alt="p-1"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Earbuds</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>White</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$79.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="refractometers-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-2.jpg" class="img-fluid" alt="p-7"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Sandisk ssd</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="digital-thermometer-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-3.jpg" class="img-fluid" alt="p-9"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Router Wi-Fi 7</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>Black</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$69.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="optical-microscope-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="cart-item">
                                <div class="cart-item-wrap">
                                    <div class="cart-item-image">
                                        <a href="product-template.html"><img src="image/home1/cart/cart-4.jpg" class="img-fluid" alt="p-12"></a>
                                    </div>
                                    <div class="cart-item-details">
                                        <div class="cart-item-info">
                                            <div class="cart-item-name">
                                                <a href="product-template.html">Smart phone</a>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Size:</h6>
                                                <span>S</span>
                                            </div>
                                            <div class="cart-item-variants">
                                                <h6>Color:</h6>
                                                <span>White</span>
                                            </div>
                                        </div>
                                        <div class="cart-item-price">
                                            <h6>$49.00</h6>
                                        </div>
                                        <div class="cart-qty-remove">
                                            <div class="cart-item-qty">
                                                <div class="js-qty-wrapper">
                                                    <div class="js-qty-wrap">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-minus" aria-label="Remove item"><span><i class="feather-minus"></i></span></button>
                                                        <input type="number" name="dental-tools-s-red" class="js-qty-num" value="1" min="1">
                                                        <button type="button" class="js-qty-adjust js-qty-adjust-plus" aria-label="Add item"><span><i class="feather-plus"></i></span></button>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="cart-item-remove">
                                                <button type="submit" class="cart-remove text-danger" aria-label="Remove item"><i class="feather-trash-2"></i></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="drawer-notes">
                            <label for="cartnote">Order note</label>
                            <textarea name="note" class="cart-notes" id="cartnote"></textarea>
                        </div>
                    </div>
                    <div class="drawer-footer">
                        <div class="drawer-total">
                            <span class="drawer-subtotal">Subtotal</span>
                            <h6 class="drawer-totalprice"><span class="total-cart">$246.00</span></h6>
                        </div>
                        <div class="drawer-ship-text">
                            <span>Shipping, taxes, and discount codes calculated at checkout</span>
                        </div>
                        <div class="drawer-cart-checkout">
                            <div class="wt-content">
                                <div class="wt-content-btn">
                                    <div class="wt-btn wt-full-btn">
                                        <a href="cart-page.html" class="btn-style4">View cart</a>
                                    </div>
                                    <div class="wt-btn wt-full-btn">
                                        <a href="checkout-style1.html" class="btn-style2">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
        <!-- cart-drawer end -->
        <!-- bottom-menu start -->
        <div class="bottom-menu">
            <ul class="bottom-menu-element">
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="index.html" class="bottom-menu-home">
                            <span class="bottom-menu-icon"><i class="feather-home"></i></span>
                            <span class="bottom-menu-title">Home</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="" class="bottom-menu-user">
                            <span class="bottom-menu-icon"><i class="feather-user"></i></span>
                            <span class="bottom-menu-title">Account</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="collection.html" class="bottom-menu-collection">
                            <span class="bottom-menu-icon"><i class="feather-grid"></i></span>
                            <span class="bottom-menu-title">Shop</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="wishlist.html" class="bottom-menu-wishlist">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-heart"></i></span>
                                <span class="bottom-menu-counter wishlist-counter">5</span>
                            </span>
                            <span class="bottom-menu-title">Wishlist</span>
                        </a>
                    </div>
                </li>
                <li class="bottom-menu-wrap">
                    <div class="bottom-menu-wrapper">
                        <a href="javascript:void(0)" class="bottom-menu-cart">
                            <span class="bottom-menu-icon-wrap">
                                <span class="bottom-menu-icon"><i class="feather-shopping-bag"></i></span>
                                <span class="bottom-menu-counter cart-counter">4</span>
                            </span>
                            <span class="bottom-menu-title">Cart</span>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- bottom-menu end -->
        <!-- fullscreen start -->
        <div class="bg-screen"></div>
        <!-- fullscreen end -->
        <!-- back-to-top start -->
        <a href="javascript:void(0)" id="top" class="scroll"><span><i class="feather-arrow-up"></i></span></a>
        <!-- back-to-top end -->
        <!-- plugin js -->
        <script src="js/plugin.js"></script>
        <!-- theme js -->
        <script src="js/main.js"></script>
    </body>
</html>
